{% extends "website/base.html" %}
{% block content %}
<section class="section">
  <div class="card">
    <div class="card-title">
      <div class="icon">🗂️</div>
      <div>
        <h1 class="h1" style="margin:0">{% if mode == "edit" %}Edit encounter{% else %}New encounter{% endif %}</h1>
        <div class="muted">{{ patient.full_name }}</div>
      </div>
      <div style="margin-left:auto">
        <a class="btn btn-sm" href="{% if encounter %}{% url 'website:emr:staff_encounter_detail' encounter.id %}{% else %}{% url 'website:emr:staff_patient_detail' patient.id %}{% endif %}">Back</a>
      </div>
    </div>

    <form method="post">
      {% csrf_token %}
      <div class="grid" style="grid-template-columns: 1fr; gap:12px;">
        {% for field in form %}
          <div class="field">
            <label class="label">{{ field.label }}</label>
            {{ field }}
            {% if field.errors %}<div class="error">{{ field.errors }}</div>{% endif %}
          </div>
        {% endfor %}
      </div>
      <div style="margin-top:12px; display:flex; gap:8px;">
        <button class="btn" type="submit">Save</button>
      </div>
    </form>
  </div>
</section>
{% endblock %}